.bgt{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    .distance{
        height: 100px;
        
        p{
         margin-top: 10px;   
        }
        div{
            
            margin: 15px;
            span{
                color: blue;
                font-size: 50px;
                line-height: 50px;
            }
        }
    } 
    .bgt-map{
        flex: 1;
    }
}
.go{
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 150px;
    height: 150px;
    margin: auto;
    background: blue;
    opacity: 0.6;
    border-radius: 50%;
    text-align: center;
    
}
.go div{
    line-height: 150px;
color: #ffffff;
font-size: 70px;
}
.hello{
    display: none;
}
.motai{
    position: fixed;
    left: 0;
    top: 0;
    top: 0;
    bottom: 0;
    background: blue;}
    .hello{
        div{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        color: #ffffff;
        font-size: 200px;
    }
    }
    


/* 模态框公用样式 */

/* 模态框  运动 */

@keyframes myfirst{
    0%{
        margin-left: 0px;
    }
    25%{margin-left: 10px;}
    50%{margin-left: 30px;}
    75%{margin-left: 50px;}
    100%{margin-left: 140px;}
}
.main123{
    background: #1592CC ;
    padding: 30px 0px ;
    box-sizing: border-box;
    display: none ;
    z-index: 300;
}
.sportong{
    display: flex;
    color: #ffffff;
    span{
        font-size: 18px;
    }
}
.soprt-title{
    padding: 40px 0px;
    box-sizing: border-box;
    color: #ffffff;
    text-align: center;
    span{
        font-size: 60px;
        
    }
}
.manp{
    padding: 30px 0px;
    display: flex;
    i{flex: 1;}
    span{
        font-size: 60px;
        color: #ffffff;
        margin: 0px right;
        
    }
}
.speed{
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 40px 0px;
    .speed-list{
        display: flex;
        color: #ffffff;
        flex-direction: column;
        text-align: center;
    }
    i{
        font-size: 40px;
    }
}
.time{
    display: flex;
    justify-content: space-around;
    color: #ffffff;
    margin-bottom: 100px;
    margin-top: 40px;
}
.continiu1{
    display: flex; 
    justify-content: center;
    position: relative;
}
.continiu2{
    position: absolute;
    top:    0px;
    left: 120px;
    justify-content: center;
    text-align: center;
    flex-direction: column;
   display: flex;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #ffffff;
    color: #1592CC;
    i{
        font-size: 40px;
    }
}
#suoding{
    position: absolute;
    top: 50px;
    right: 0px;
    color: #ffffff;
    transform: translateY(-50%);
    font-size: 60PX;
}



.continiu3{
    display: flex ; 
    justify-content: space-around;
    position: relative;
}
.continiu4{
    justify-content: center;
    align-self: right;
    text-align: center;
    flex-direction: column;
   display: flex;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background: #ffffff;
    color: #1592CC;
    i{
        
        font-size: 40px;
    }
}
.yincang{
    display: none;
}
.run-map{
    position: fixed !important;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 390 !important;
    display: none;

}
.click-fanhui{
    text-align: center;
    position: absolute;
    top: 10px;
    left: 20px;
    line-height: 36px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    z-index: 400;
    background: #1592CC;
    display: none;
}
.click-wancheng{
    text-align: center;
    position: absolute;
    top: 10px;
    left: 20px;
    line-height: 23px;
    height: 25px;
    width: 40px;
    border-radius: 10px;
    z-index: 400;
    background: #ffffff;
    border: solid 1px #ccc;
    display: none;
}
.run-shuju{
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 10px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    z-index: 500;
    height: 150px;
    flex: 1;
    display: none;
}
.outdoor-running{
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
    box-sizing: border-box;
    border-bottom: 1px dashed #ccc;
}
.run-distance{

    display: flex;
    text-align: center;
    margin: 20px 0px;
    div{
        flex: 1;
    }
}